import React, { Component } from 'react'

class Child1 extends Component {

  // 生命周期函数 组件挂载完毕后执行
  componentDidMount() {
    // console.log(this.props)

    /* // 路由监听
    this.props.history.listen(route => {
      console.log(route)
      if (route.pathname !== '/login') {
        console.log('要登录一下');
      }
    }) */
  }

  gourl = () => {
    // 编程式导航，利用路由对象中的history方法完成
    // 字符串方式
    // this.props.history.push('/child2?id=1')
    // 对象方式
    this.props.history.push({
      // params需要在Route中定义路由参数规则
      pathname: '/child2/1000',
      // query参数
      search: 'id=1',
      // state隐式传参
      state: { name: '张三' }
    })
  }

  render() {
    return (
      <div>
        <h3>我是一个Child1的组件</h3>
        <hr />
        <button onClick={this.gourl}>child2</button>
      </div>
    )
  }
}


export default Child1
